01-12-2019

Historia wizualizacji danych

Standardy

Joint Committee on Standards for Graphic Presentation (1915). Standards for Graphic Presentation. Publications of the American Statistical Association 14, 790–797.

Gramatyka grafiki

Gramatyka grafiki

Gramatyka grafiki (grammar of graphics).

Wilkinson, Leland, Anushka Anand, and Robert Grossman. “Graph-theoretic scagnostics.” IEEE Symposium on Information Visualization, 2005. INFOVIS 2005.. IEEE, 2005.

Gramatyka grafiki

Gramatyka grafiki

Rodzaje wizualizacji

Rodzaje wizualizacji

  1. Wizualizacje statyczne.
  2. Infografiki.
  3. Wizualizacje interaktywne.
  4. Dashboardy.

Wizualizacja statyczna

3D

Infografiki

Wizualizacje interaktywne

Dashboardy

Czcionki

  1. Czcionka do tytułów/nagłówków.
  2. Treść dokumentu.
  3. Wyróżnianie treści.

Czcionki

Kolory

Kolory

Kolory mogą nawiązywać do treści wizualizacji…

Kolory

… ale schemat kolorystyczny powinien być utrzymany w całej infografice.

Prostota

Infografika może zawierać tylko jeden wykres, co nie przekłada się na łatwość jej zrozumienia.

Prostota

Grafiki

Elementy graficzne nawiązujące do treści wzmacniają przekaz i pozwalają lepiej zrozumieć dane.

Grafiki

Błędy w wizualizacjach

Złe wizualizacje

Trudne porównania - niewłaściwie wybrana metoda wizualizacja.

Złe wizualizacje

Niewłaściwie wybrana metoda wizualizacji.

Złe wizualizacje

Zbyt duża ilość informacji na jednym wykresie.

Wizualizacje i prawda

How to Lie with Statistics, Darrell Huff

Korelacje i współwystępowanie

Trzeci wymiar

Wykresy kołowe

Wykresy kołowe

Ucięte osie

Ucięte osie

Narzędzia do wizualizacji

Narzędzia

  1. Programistyczne (R, Python, JavaScript)
  2. Programy graficzne (Inkscape).
  3. Programy dedykowane do wizualizacji danych (Tableau).

Języki wizualizacji danych

Podział narzędzi do wizualizacji danych

Deklaratywne:

  • zadanie: warunki jakie musi spełniać wizualizacja,
  • jak wizualizacja jest wykonywana jest rozstrzygane wewnętrznie i niezależnie od użytkownika,
  • oddzielenie specyfikacji od wykonania.

Imperatywne:

  • zadanie: krok po kroku jak stworzyć wizualizację,
  • użytkownik w pełni kontroluje każdy detal wizualizacji,
  • jeśli warunki jakie musi spełniać wizualizacja zmienią się nawet odrobinę, instrukcja tworzenia może się zmienić znacząco.

Altair (Python)

Altair (Python)

Pythonowe API dla Vega-Lite.

Brian Granger, uzasadniając stworzenie Altaira: I love Python, but do my visualisations using R/ggplot2.

Altair (Python)

bokeh (Python)

bokeh (Python)

  • Python jako API do BokehJS,
  • praca głownie w Pythonie, JSowy silnik mało dostępny i źle udokumentowany,
  • całe dashboardy.

bokeh (R)

Leaflet

Leaflet

matplotlib (Python)

matplotlib (Python)

  • trudne zarządzanie czasem na osiach,
  • niesatysfakcjonujące mapowanie do kształtów.

Rozszerzenia: https://mpld3.github.io/

plot.ly

seaborn

Vega-Lite

Vega

Programy graficzne